<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<style>
			html,
			body {
				background-color: #efeff4;
			}
			
			img {
				width: 60px;
				height: 60px;
			}
			
			li {
				margin-top: 10px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">账号与安全</h1>
		</header>

		<div class="mui-content">
			<div class="mui-scroll">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a id="head">头像
							<span class="mui-pull-right head">
									<img class="head-img mui-action-preview" id="head-img1" src="../../icon/logo.png"/>
								</span>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a>昵称<span class="mui-pull-right">暂无昵称</span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>性别<span class="mui-pull-right">未选择</span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>奖品收货地址<span class="mui-pull-right">未填写</span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>运动爱好<span class="mui-pull-right">未填写</span></a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a>QQ号<span class="mui-pull-right">未填写</span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>手机号<span class="mui-pull-right">未填写</span></a>
					</li>
					<li class="mui-table-view-cell">
						<a>邮箱地址<span class="mui-pull-right">未填写</span></a>
					</li>
				</ul>
				<ul class="mui-table-view mui-table-view-chevron">
					<li class="mui-table-view-cell">
						<a href="javascript:onClick('about.html');" class="mui-navigate-right">关于<i class="mui-pull-right update">V0.1.0</i></a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" style="text-align: center;">
						<a href="login.html">退出登录</a>
					</li>
				</ul>

			</div>
		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script>
		mui.init({
			swipeBack: true //启用右滑关闭功能
		});

		function onClick(url) {
			mui.openWindow(url, url);
		}
		mui.plusReady(function() {

		});
	</script>

</html>